<!doctype html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
    <head>
		<div th:include="comment :: commonheader"></div>

		<!-- Title -->
		<title>编程蛙--少儿编程</title>
	</head>

	<body>


		<div th:replace="comment :: commondiv1"></div>

		<!-- Start Page Title Area -->
		<div class="page-title-area bg-10">
			<div class="container">
				<div class="page-title-content">
					<h2>注册</h2>
					<ul>
						<li>
							<a th:href="@{/userpage}">
								个人主页 
							</a>
						</li>
						
						<li class="active">注册</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Log In Area -->
		<section class="user-area-style ptb-100">
			<div class="container">
				<div class="registration-area">
					<div class="section-title">
						<h2>注册</h2>
					</div>

					<div class="contact-form-action">
						<form method="post" th:action="@{/register}">
							<div class="row">

								<div class="col-12">
									<div style="color: red" th:text="${msg}" ></div>
									<div class="form-group">
										<label>用户名</label>
										<input class="form-control" type="text" name="name">
									</div>
								</div>

								<div class="col-12">
									<div class="form-group">
										<label>手机号</label>
										<input class="form-control" type="tel" name="tel" id="phone">
									</div>
								</div>
	
								<div class="col-12">
									<div class="form-group">
										<label>密码</label>
										<input class="form-control" type="password" name="password" id="password">
									</div>
								</div>
								
								<div class="col-12">
									<div class="form-group">
										<label>确认密码</label>
										 <input class="form-control" type="password" name="repassword" id="r_password">
									</div>
								</div>
	
								<div class="col-12">
									<div class="row align-items-center">
										<div class="col-lg-6">
											<button class="default-btn register" type="submit">
												点击注册
											</button>
										</div>
	
										<div class="col-lg-6 text-right">
											<input id="s_password" type="checkbox" onclick="showpassword()">
											<label for="s_password">显示密码？</label>
										</div>
									</div>
								</div>

								<div class="col-12">
									<p>已有账号？<a th:href="@{/log-in}">点我登录！</a></p>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>


	<div th:include="comment :: commonscript"></div>
		<script th:src="@{assets/js/showpassword.js}"></script>
	</body>
</html>